<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情</title>
    <link rel="stylesheet" href="../css/particulars.css">
    <link rel="stylesheet" href="../css/reset.css">
</head>
<body>
    <div class="conat">
        <div class="small">
            <img id="pic" src="https://img11.360buyimg.com/n1/s450x450_jfs/t1/155911/32/18569/106971/6061aa9dE80ab4a75/322a43e898b50284.jpg" class="light">
            <img src="https://img11.360buyimg.com/n1/s450x450_jfs/t1/160686/7/15383/92335/6061aa9dE5eb87b4b/f37e32704dcc1a1c.jpg" class="">
            <img src="https://img11.360buyimg.com/n1/s450x450_jfs/t1/156122/38/18863/37710/6061aa9cEf5744412/602925c14b45dca6.jpg" class="">
            <img src="https://img11.360buyimg.com/n1/s450x450_jfs/t1/164132/31/15298/33199/6061aa9cEfc0ddef4/7192dcfdd32e3163.jpg" class="">
            <img src="https://img11.360buyimg.com/n1/s450x450_jfs/t1/172187/14/979/35646/6061aa9dEf93d596b/3d9fc9f3bd625cde.jpg" class="">
            <div class="mark">
            </div>
        </div>
        <div class="show">
        <div class="big">
            <img src="https://img14.360buyimg.com/n0/jfs/t1/155911/32/18569/106971/6061aa9dE80ab4a75/322a43e898b50284.jpg" class="light">
            <img src="https://img14.360buyimg.com/n0/jfs/t1/160686/7/15383/92335/6061aa9dE5eb87b4b/f37e32704dcc1a1c.jpg">
            <img src="https://img14.360buyimg.com/n0/jfs/t1/156122/38/18863/37710/6061aa9cEf5744412/602925c14b45dca6.jpg">
            <img src="https://img14.360buyimg.com/n0/jfs/t1/164132/31/15298/33199/6061aa9cEfc0ddef4/7192dcfdd32e3163.jpg">
            <img src="https://img14.360buyimg.com/n0/jfs/t1/172187/14/979/35646/6061aa9dEf93d596b/3d9fc9f3bd625cde.jpg">
        </div>
        <ul>
            <li class="acve"><img src="https://img11.360buyimg.com/n5/s54x54_jfs/t1/155911/32/18569/106971/6061aa9dE80ab4a75/322a43e898b50284.jpg" alt=""></li>
            <li><img src="https://img11.360buyimg.com/n5/s54x54_jfs/t1/160686/7/15383/92335/6061aa9dE5eb87b4b/f37e32704dcc1a1c.jpg" alt=""></li>
            <li><img src="https://img11.360buyimg.com/n5/s54x54_jfs/t1/156122/38/18863/37710/6061aa9cEf5744412/602925c14b45dca6.jpg" alt=""></li>
            <li><img src="https://img11.360buyimg.com/n5/s54x54_jfs/t1/164132/31/15298/33199/6061aa9cEfc0ddef4/7192dcfdd32e3163.jpg" alt=""></li>
            <li><img src="https://img11.360buyimg.com/n5/s54x54_jfs/t1/172187/14/979/35646/6061aa9dEf93d596b/3d9fc9f3bd625cde.jpg" alt=""></li>
        </ul>
    </div>
    </div> 
    <!-- 文字 -->
    <div class="pre">
        <i id="one">1</i>
        <h3 id="title">小米11 Pro</h3>
        <p id="price">￥3999.00</p>
       <span>数量：</span>  <input type="number" name="number" id="number">
        <br>
        <input type="button" value="加入购物车" id="add" class="hr"><br>
    <a href="./cart.html"><input type="button" value="查看购物车" id="hrr" class="hr"></a>  
    </div>
</body>
</html>
<script src="../js/jquery-3.6.0.js"></script>
<script src="../js/particulars.js"></script>